$postSignature: (
    primary: var(--themeColor),
    background: var(--background-e),
    borderRadius: 2px,
);

$dragMenu: (
    background: var(--background-e),
);

$donation: (
    btnColors: #10ac84,
    qrcodeBackground: var(--themeColor),
);

$footer: (
    background: #232323,
);

$linemubers: (
    color: var(--themeColor),
);

$player: (
    bodyBackground: var(--background-e),
);

$postBottomimage: (
    imageHeight: 200px,
);

$postMessage: (
    categoriesBackground: var(--themeColor),
    tagsBackground: #ff6b6b #fbc531 #22a6b3 #10ac84 #0097e6,
);

$progress: (
    background: var(--themeColor),
);

$signature: (
    padding: 1rem 14px,
    fontSize: 1em,
);

#sidebar_news .custom-signature {
    padding-top: 0;
}

@import '@plugins/dragMenu/index.scss';
@import '@plugins/footer/index.scss';
@import '@plugins/themeColor/index.scss';
@import '@plugins/background/index.scss';
@import '@plugins/imagebox/index.scss';
@import '@plugins/live2d/index.scss';
@import '@plugins/player/index.scss';
@import '@plugins/click/index.scss';
@import '@plugins/copy/index.scss';
@import '@plugins/linenumbers/index.scss';
@import '@plugins/titleFavicon/index.scss';
@import '@plugins/commentsAvatars/index.scss';
@import '@plugins/signature/index.scss';
@import '@plugins/postSignature/index.scss';
@import '@plugins/highlight/index.scss';
@import '@plugins/postMessage/index.scss';
@import '@plugins/postTopimage/index.scss';
@import '@plugins/postBottomimage/index.scss';
@import '@plugins/emoji/index.scss';
@import '@plugins/lock/index.scss';
@import '@plugins/qrcode/index.scss';
@import '@plugins/charts/index.scss';
@import '@plugins/donation/index.scss';
@import '@plugins/barrage/index.scss';
@import '@plugins/mode/index.scss';
@import './catalog.scss';

// add - start

// drag menu start
@media screen and (max-width: 767px) {
    body .custom-drag-menu {
        right: 86px !important;
        bottom: 22px;
    }
}
// drag menu end
